<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/hdiv-spring.tld" %>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>

<c:url value="mostrarHWF4025.html" var="consultaAbonosRealizados"/>
<script language="JavaScript" type="text/javascript" src="javascript/HMF2003.js"></script>

<%--
   
    * Sistema                                       : Hermetic
    * M?dulo                                        : Reportes/Detalle de Ingresos
    * Versi?n                                       : 1.0
    * Creado por                                    : Jesús Angulo
    * Fecha de creaci?n                             : 23/05/2012      
    * Modificado por                                : Jesús Angulo
    * Fecha de ?ltima modificaci?n                  : 28/05/2012
    * Detalles                                      : Esta p?gina permite consultar el resultado de la apertura de envases por comprobante, 
                                                      para una cuenta sin bóveda en HTB (Zona Registral/Clientes Comerciales) 
    * Copyright                                     : Hermes transportes blindados
       
--%>
    <script type="text/javascript">
    
    var fechaActual;
    var horaActual;
    
    $(document).ready(function(){ 

        var COD_TIPO_BOVEDA_PROPIA = "<c:out value='${COD_TIPO_BOVEDA_PROPIA}' />";
        var COD_TIPO_BOVEDA_BANCO = "<c:out value='${COD_TIPO_BOVEDA_BANCO}' />"; 
        var TIPO_CLIENTE_CORPORACION = "<c:out value='${TIPO_CLIENTE_CORPORACION}' />"; 
        var TIPO_CLIENTE_COMERCIAL = "<c:out value='${TIPO_CLIENTE_COMERCIAL}' />"; 
        var COD_SUCU_PRINCIPAL= "<c:out  value='${COD_SUCU_PRINCIPAL}' />";
        var SELECT_TODOS = "<c:out value='${SELECT_TODOS}' />"; 
        var SELECT_ALGUNOS = "<c:out value='${SELECT_ALGUNOS}' />"; 
        var tipClie = "<c:out value='${tipClie}' />"; 
        var sucursal = "<c:out value='${sucursal}' />"; 
        
        
        $("#fechadesde").datepicker();
        $("#fechahasta").datepicker({
          onSelect: function(dateText) {
             var txtHora = setHora1(document.forms[0].fechahasta);
             $("#hora").val(txtHora);
          }
        });
        
        
        fechaActual = $("#fechadesde").val();
        horaActual = $("#hora").val();
        
        $('span.pagelinks>a, table#dispTable>thead>tr>th>a').live('click', function(){
           $.get($(this).attr('href'), function(responseText, status, xmlHttpRequest){
                $('#displayTagDiv').html($('#displayTagDiv', responseText).html());
               }
           )            
           return false;
       });

        $("#codSucursal").change( function(){ 
            if($("#codSucursal").val()==SELECT_ALGUNOS ){
                $("#opener_sucursal").show(); 
                $.get("<c:url value='selecSucursal.html' />",{accion:"selectTodos", codTodos:false},function(responseText, status, xmlHttpRequest){});
            }else{
                $("#opener_sucursal").hide();
                $.get("<c:url value='selecSucursal.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});
            }
            // puntos depende se sucursal
            $("#punto").val(SELECT_TODOS);
            $.get("<c:url value='selecPuntoCC.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});  
            $("#opener_punto").hide();
            if($("#lblCuentaBanco").html()=="Cuenta"){
              $("#cuentaBanco").val(SELECT_TODOS);
              $("#opener_cuentabanco").show();
              $.get("<c:url value='selecCuentaIS.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});  
            }
        }); 
        
        //habilitar y deshabilitar el boton Punto
        $("#punto").change( function(){ 
            if( $("#punto").val()==SELECT_ALGUNOS ){
              $("#opener_punto").show(); 
              $.get("<c:url value='selecPuntoCC.html' />",{accion:"selectTodos", codTodos:false},function(responseText, status, xmlHttpRequest){});  
            }else {
              $("#opener_punto").hide();
              $.get("<c:url value='selecPuntoCC.html'/>",{accion:"selectTodos", codTodos:true}, function(responseText, status, xmlHttpRequest){});
            }
        }); 

        $("#listClie").change( function(){ 
            if($(this).val()==SELECT_ALGUNOS ){
               $.get("<c:url value='selecClienteCorp.html' />",{accion:"selectTodos", codTodos:false}, function(responseText, status, xmlHttpRequest){});
               $("#opener_listClie").show(); 
            }else{
              $("#opener_listClie").hide();
            }
            if(sucursal==COD_SUCU_PRINCIPAL){
              $("#codSucursal").val(SELECT_TODOS);
              $.get("<c:url value='selecSucursal.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});  
              $("#opener_sucursal").hide();
            }
            
              $("#punto").val(SELECT_TODOS);
              $.get("<c:url value='selecPuntoCC.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});  
              $("#opener_punto").hide();
            
            
            $("#cuentaBanco").val(SELECT_TODOS);
            $("#opener_cuentabanco").hide();
            $.get("<c:url value='selecBanco.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});  
            $.get("<c:url value='selecCuentaIS.html' />",{accion:"selectTodos", codTodos:true},function(responseText, status, xmlHttpRequest){});  
        }); 
        
        $("#banco").change( function(){ 
            if($(this).val()==SELECT_ALGUNOS ){
              $.get("<c:url value='selecBanco.html' />",{accion:"selectTodos", codTodos:false},function(responseText, status, xmlHttpRequest){});  
              $("#opener_banco").show(); 
            }else{
              $("#opener_banco").hide();
            }
        }); 
        
        //****** abrir popups
        $("#opener_sucursal").click(function(){
           if(tipClie==TIPO_CLIENTE_COMERCIAL){
              openSucursal(SELECT_TODOS);
           }else if(tipClie==TIPO_CLIENTE_CORPORACION){
              if($("#listClie").val()==SELECT_ALGUNOS){
                 _self= window.self;
                 $.getJSON("${consultaAbonosRealizados}",{accion:"chekSession",chks:"chksClieCorp"},function(data){
                      if(data==0){
                        alert("Seleccione un Cliente");
                      }else{
                        _self.showModalDialog('<c:url value="selecSucursal.html" />&v_cliente='+$("#listClie").val(),'selecSucursal',"dialogWidth:550px;dialogHeight:400px;center:yes;status:no;help:yes;resizable:no"); 
                      }
                  });
              }else{
                  openSucursal($("#listClie").val());
              }
           }
        });
        
        $("#opener_punto").click( function openWinPunto(){
            if(tipClie==TIPO_CLIENTE_CORPORACION){
              if(COD_SUCU_PRINCIPAL==sucursal){
                 _self= window.self;
                 $.getJSON("${consultaAbonosRealizados}",{accion:"chekSession",chks:"chksSucu"},function(data){
                      if(data==0){
                        alert("Selccione una Sucursal");
                      }else{
                        childWindowPunto=window.showModalDialog('<c:url value="selecPuntoCC.html" />&tipoPunt='+0+'&vSucursal='+$("#codSucursal").val()+'&vCliente='+$("#listClie").val(),'selecPunto',"dialogWidth:680px;dialogHeight:420px");
                      }
                  });
              }else{
                openPuntos(0,"",$("#listClie").val());
              }
            }else{
              if(COD_SUCU_PRINCIPAL==sucursal){
                openPuntos(0,$("#codSucursal").val(),SELECT_TODOS);
              }else{
                openPuntos(0,"",SELECT_TODOS);
              }
            }
        });
        
       
         $("#fechahasta").keyup(function(event){
         var txtHora = setHora1(document.forms[0].fechahasta);
         $("#hora").val(txtHora);         
         });
        
        $("#opener_banco").click(function(){
            if(tipClie==TIPO_CLIENTE_CORPORACION){
               if($("#listClie").val()==SELECT_ALGUNOS){
                   _self= window.self;
                   $.getJSON("${consultaAbonosRealizados}",{accion:"chekSession",chks:"chksClieCorp"},function(data){
                       if(data==0){
                         alert("Seleccione un Cliente");
                       }else{
                          _self.showModalDialog('<c:url value="selecBanco.html" />&v_cliente='+$("#listClie").val(),'selecBanco',"dialogWidth:680px;dialogHeight:420px");
                       }
                  });
              }else{
                 openWinBanco($("#listClie").val());
               }  
            }else{
                 openWinBanco(SELECT_TODOS);
            }
        });
        
        $("#opener_listClie").click(function(){
           openWinClienteCorp();
        });

        if($("#punto").val()==SELECT_ALGUNOS)$("#opener_punto").show();else $("#opener_punto").hide();
        if($("#codSucursal").val()==SELECT_ALGUNOS)$("#opener_sucursal").show();else $("#opener_sucursal").hide();
        if($("#listClie").val()==SELECT_ALGUNOS)$("#opener_listClie").show();else $("#opener_listClie").hide();
        if($("#banco").val()==SELECT_ALGUNOS)$("#opener_banco").show();else $("#opener_banco").hide();
      
      
      
        $("#generar").live("click",function(){
            $.getJSON("${consultaAbonosRealizados}",{accion:"chks"},function(data){
                
                if(tipClie==TIPO_CLIENTE_CORPORACION && $("#listClie").val()==SELECT_ALGUNOS && data.chksClieCorp==0){
                  $("#messageReporte").html("Seleccione una Cliente");
                  return false;
                }
                if($("#codSucursal").val()==SELECT_ALGUNOS &&  data.chksSucu==0 ){
                   $("#messageReporte").html("Seleccione una Sucursal");
                   return false;
                }
                if($("#punto").val()==SELECT_ALGUNOS &&  data.chksPunto==0){
                   $("#messageReporte").html("Seleccione un Punto");
                   return false;
                }

                if($("#banco").val()==SELECT_ALGUNOS &&  data.chksBanco==0){
                   $("#messageReporte").html("Seleccione un Banco");
                   return false;
                }
                if($("#tipoUnidMone").val()==""){
                    $("#messageReporte").html("Seleccione Unidad de Moneda");
                    return false;
                }
                if($("#fechadesde").val()==""){
                    $("#messageReporte").html("Seleccione fecha inicio");
                    return false;
                } 
                if($("#fechahasta").val()==""){
                    $("#messageReporte").html("Seleccione fecha fin");
                    return false;
                }
          
                 msg=checkDate1(document.forms[0].fechadesde);
                 if(msg != "") {
                      $("#messageReporte").html(msg);
                      $("#fechadesde").focus();
                      return false;
                  }
          
                  msg=checkDate1(document.forms[0].fechahasta);
                  if(msg != "") {
                      $("#messageReporte").html(msg);
                      $("#fechahasta").focus();
                      return false;
                  }
               
                if(validaFechaMayorNoHoy(document.forms[0].fechahasta.value)==true){
                  $("#hora").val("Al Cierre");
                }
          
                msg=validaRango1(document.forms[0].fechadesde,document.forms[0].fechahasta);
                if(msg != "") {
                    $("#messageReporte").html(msg);
                    $("#fechahasta").focus();
                    return false;
                }
                
                var lstClie = $("#listClie").val();
                if(lstClie==null)lstClie="";
                
                 $.blockUI({ message: '<img src="imagenes/logoProcesandoRight.gif" />', css:{ backgroundColor: '#FFFFFF', color: '#fff'} });
                // bloqControl(true);
                 $.getJSON("${consultaAbonosRealizados}",{accion:"validarListaAbonReali",listClie:lstClie,codSucursal:$("#codSucursal").val(),punto:$("#punto").val(),banco:$("#banco").val(),tipoUnidMone:$("#tipoUnidMone").val(),fechadesde:$("#fechadesde").val(),fechahasta:$("#fechahasta").val()},function(data2){
                       if(data2==0){
                         $("#messageReporte").html("No se encontraron Resultados.");
                        // bloqControl(false);
                         $.unblockUI();
                       }else{
                          $("#messageReporte").html("");
                          $("#accion").val("mostrarExcel");
                          $("#form").submit();
                          $("#loading_mostrar").css({display:"none"});
                            //bloqControl(false);
                           $.unblockUI();
                       }
                  });
                  
               
            });
            
  
        });
              
        $( "#dialog,#mygrid_container" ).dialog({autoOpen: false,height: 700,width: 345,modal: false});
        $( "#dialog" ).dialog({autoOpen: false,height: 600,width: 500,modal: false});
        $( "#opener" ).click(function() {$( "#dialog" ).dialog( "open" );return false;});
        
        function openSucursal(clientes){
          childWindow=window.showModalDialog('<c:url value="selecSucursal.html" />&v_cliente='+clientes,'selecSucursal',"dialogWidth:550px;dialogHeight:400px;center:yes;status:no;help:yes;resizable:no"); 
        }
        function openPuntos(tipoPunto,sucursales,clientes){
          childWindowPunto=window.showModalDialog('<c:url value="selecPuntoCC.html" />&tipoPunt='+tipoPunto+'&vSucursal='+sucursales+'&vCliente='+clientes,'selecPunto',"dialogWidth:680px;dialogHeight:420px");
        }
        function openWinBanco(clientes){
          childWindowBanc=window.showModalDialog('<c:url value="selecBanco.html" />&v_cliente='+clientes,'selecBanco',"dialogWidth:680px;dialogHeight:420px");
        }

        function openWinClienteCorp(){
          childWindowClienteCorp=window.showModalDialog('<c:url value="selecClienteCorp.html" />&accion=selecClienteC','selecClienteCorporacion',"dialogWidth:680px;dialogHeight:420px");
        }
        function bloqControl(flag){
            $("input").attr("disabled",flag);
            $("select").attr("disabled",flag);
        }
    });
    
    function show_loading(){  
      var loadingAnim = document.getElementById('loading_mostrar');  
      loadingAnim.innerHTML = '<img src="imagenes/logoProcesandoDown.gif" width=' + xx_d + 'height=' + yy_d + 'alt="Procesando" />';  
      loadingAnim.style.display = 'block';      
    }
    
    function bloqControl(flag){
            $("input").attr("disabled",flag);
            if($("#destino").val()==COD_TIPO_BOVEDA_PROPIA){
              $("select").attr("disabled",flag);
            }else{
              $("select[name!='tipoOperacion']").attr("disabled",flag);
            }
        }


    function cursor_wait() {
      document.body.style.cursor = 'wait';
    }
    
  
        
    </script>

<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}  
-->  
</style> 

<form:form modelAttribute="form" method="post" action="${consultaAbonosRealizados}">
<form:hidden path="accion" />
<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
      <tr>
        <td width="730" height="22" align="left" valign="top" class="verdana11bazul">
		<ul class="navlist2">
	     	   <li>Reporte de Abonos Realizados </li>
		</ul>
        </td>
         <td align="left" width="43">
               <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>         </td>
      </tr>
      <tr>
        <td align="left" valign="top" class="borde_totalblanco">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="23" align="left" valign="middle" class="verdana10bazul"><c:out value="${form.lblCliente}" /></td>
            <td height="23" align="left" valign="middle" class="verdana10negro">
            
               <c:if test="${pageContext.request.method=='GET'}" >
                <c:choose>
                    <c:when test="${sessionScope.tipClie eq sessionScope.TIPO_CLIENTE_CORPORACION}">
                     ${desCorp}                    </c:when>
                    <c:otherwise>
                      ${desRazoSoci}                    </c:otherwise>
               </c:choose>
               </c:if>            </td>
            <td height="23" align="left" valign="middle" class="verdana10bazul">
            <c:if test="${sessionScope.tipClie == sessionScope.TIPO_CLIENTE_CORPORACION}">
              Cliente            </c:if>            </td>
            <td height="23" align="left" valign="middle" class="verdana10negro">
            
            <c:if test="${sessionScope.tipClie == sessionScope.TIPO_CLIENTE_CORPORACION}">
              <table border="0">
                <tr>
                  <td>
                    <div id="sucursalDiv" class="fondo_txtbox90">
                        <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                  path="listClie" tabindex="1">
                            <form:option value="0">TODOS</form:option>
                            <form:option value="1">ALGUNOS</form:option>
                        </form:select> 
                    </div>                 </td>
                <td><a href="#" id="opener_listClie"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a> </td>
                </tr>
              </table>
            </c:if>            </td>
          </tr>
          <tr>
            <td height="27" align="left" valign="middle" class="verdana10bazul">Sucursal</td>
            <td height="27" align="left" valign="middle" class="verdana10negro">
            
              <c:if test="${pageContext.request.method=='GET'}" >
                <c:choose>
                    <c:when test="${sessionScope.codSucuSelect eq sessionScope.COD_SUCU_PRINCIPAL}">
                      <table border="0">
                        <tr>
                        <td>
                        <div id="sucursalDiv" class="fondo_txtbox90">
                          <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt" path="codSucursal" tabindex="1">
                              <form:option value="0">TODOS</form:option>
                              <form:option value="1">ALGUNOS</form:option>
                           </form:select>   
                        </div>                        </td>
                        <td><a href="#" id="opener_sucursal"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a> </td>
                        </tr>
                      </table>
                    </c:when>
                    <c:otherwise>
                      <form:hidden path="codSucursal" />
                      <label id="ldlDesSucu"><c:out  value="${form.desSucursal}" /></label>              
                    </c:otherwise>
               </c:choose>
               </c:if>              </td>
            <td height="27" align="left" valign="middle" class="verdana10bazul">Punto</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"><table border="0">
              <tr>
                <td><div id="puntosDiv" class="fondo_txtbox90">
                
                    <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                             path="punto" tabindex="1">
                      <form:option value="0">TODOS</form:option>
                      <form:option value="1">ALGUNOS</form:option>
                    </form:select>
                </div></td>
                <td><a href="#" id="opener_punto"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a> </td>
              </tr>
            </table></td>
          </tr>
          <tr>
          

            <td width="14%" height="27" align="left" valign="middle" class="verdana10bazul">Banco</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"
                width="35%"><table border="0">
              <tr>
                <td><div id="bancoDiv" class="fondo_txtbox90">
    					<form:select path="banco"  tabindex="1" cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt">
		                      <form:option value="0">TODOS</form:option>
		                     <form:option value="1">ALGUNOS</form:option>
						</form:select>
                </div></td>
                <td><a href="#" id="opener_banco"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a> </td>
              </tr>
            </table>			   </td> 
     
            <td width="15%" height="27" align="left" valign="middle" class="verdana10bazul">U. M.</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"
                width="36%">            	
				<form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt; align: center" 
                            path="tipoUnidMone" tabindex="2">                        
                            <form:option value=""></form:option>
                            <form:options items="${listadoUnidMone}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                </form:select>				</td>            
          </tr>          
          <tr>
            <td height="27" align="left" valign="middle" class="verdana10bazul">Fecha Abono</td>
            <td height="27" align="left" valign="middle" class="verdana10negro"
                colspan="3">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="center" valign="bottom" class="padright10">
                  <div class="fondo_txtbox90">
                       <form:input path="fechadesde" maxlength="10" size="12" readonly="false"/>
                   </div></td>
                   
                  <td class="verdana10bazul" width="64" valign="middle" align="center">&nbsp;&nbsp;Hasta&nbsp;&nbsp; </td>
                  <td align="center" valign="bottom" class="padright10">
                  <div class="fondo_txtbox90">
                       <form:input path="fechahasta" maxlength="10" size="12" readonly="false" />
                   </div></td>                                                    
                   
                  <td class="verdana10bazul" valign="middle" width="64">&nbsp;&nbsp;Hora&nbsp;&nbsp; </td>
                  <td width="60" align="right" valign="middle">
                  <div class="fondo_txtbox65">
                    <form:input path="hora" maxlength="9" size="9" readonly="true"/></div></td>
                  <td width="140" align="right" valign="middle">
                  <input type="button" value="Generar Reporte" name="generar" id="generar" class="boton" /></td>
                </tr>
            </table></td>
          </tr>
        </table>
        </td>
      </tr>
           <tr>
                <td colspan="4" align="center">
                <div id="loading_mostrar"><img id="logoDown" src="imagenes/logoProcesandoDown.gif" alt="Procesando" /></div>
                </td>
          </tr>  
          <tr>
                <td colspan="4" align="left">    
                <span id="message_alert" style="color:red;"><c:out value="${message_alert}"/></span>
                </td>
          </tr>  
          <tr>
             <td colspan="4" align="left">    
                <div>
                <span style="color:red;" id="messageReporte">${messageReporte}</span>
                </div>   
             </td>
          </tr>
      </table>
    </td>
  </tr>
</table>
</form:form> 